/*******************************************************
* Copyright 2018 Hertweck Labs GmbH
*******************************************************/
html, body {
	/*
    border-top: 		7px solid #cccccc;
	margin:				0;
    padding-top:		25;
	*/
	margin:				0;
}

a {
	color:				#2f3138;
	text-decoration:	none;	
}

a:hover {
	color: 				#666666;
	text-decoration:	underline;
	
	cursor:				pointer;
}

a:visited {
	color:				#2f3138;
	text-decoration:	underline;
}

hr { 
    width:				100%; 
    height:				1px; 
    margin:				0 auto;
    color:				#ff0000;
    background:			#ff0000;
	border:				2px solid #ff0000;
}

sup {
  color:				#000000;
  vertical-align:		baseline;
  position:				relative;
  top:					-0.4em;
  font-size:			-0.2em;
}

sub { 
  top:					0.4em;
  font-size:			-0.2em;
}


.vl {
    border-left:		1px solid white;
    height:				100%;
}

img {
	cursor:				pointer;
}

h1{
	margin:				0;
	margin-top:			1.5em;
	margin-right:		0;
	margin-bottom:		20;
    padding:			5;

	border-style:		solid;
	border-width:		0px;
	
	text-align:			left;

	font-family:		Open Sans, sans-serif;
	font-size:			21px;
	color:				#2f3138;
}

h2{
	margin:				0;
	margin-top:			1.5em;
	margin-right:		0;
	margin-bottom:		20;
    padding:			5;

	border-style:		solid;
	border-width:		0px;
	
	text-align:			left;

	font-family:		Open Sans, sans-serif;
	font-size:			16px;
	color:				#2f3138;
}

p {
	font-family: 		Open Sans, sans-serif;
	font-size:			16px;
	/*color:				#2f3138;
	line-height:		1.8em;*/
	color:				#666666;
	line-height:		1.6em;
	display:			block;
	text-align:			justify;
	
	margin:				0;
	padding:			5;
}


p.nav {
	font-family:		Open Sans, sans-serif;
	font-size:			1.2em;
	font-style:			normal;
	color:				#2f3138;
	margin:				0;
	margin-top:			30;
	padding:			5;
}

p.search {
	color: 				gray;
}	

p.imgTable {
	margin:				0;
	margin-top:			3;
	margin-right:		3;
    padding:			0;
	padding-bottom:		10;

	font-family: 		Open Sans, sans-serif;
	display:			block;
	
	font-size:			13px;
	color:				#666666;
	line-height:		1.2em;
	text-align:			left;
}

p.textHinweis {
	margin:				0;
	margin-top:			0;
	margin-right:		0;
    padding:			0;

	font-family: 		Open Sans, sans-serif;
	font-size:			12px;
	color:				#666666;
	line-height:		1.2em;
	display:			block;
}

topbanner {
	position:			fixed;
	position:			sticky;
	top:				0;
}

p.header {
	background: 		#cccccc;
	background-image:   url("/images/background.png");
	width: 				100%;

	border:				0;
	margin:				0;
	margin-top:			0;
	margin-bottom:		0;
	margin-right:		0;
	
    padding:			0;
	padding-top:		0;
	padding-bottom:		0;

	font-family: 		Open Sans, sans-serif;
	font-size:			15px;
	line-height:		1.42em;
	color:				#666666;
	display:			block;
	text-align:			center;
}

p.footer {
	background: 		#cccccc;
	background-image:   url("/images/background.png");
	width: 				100%;

	margin:				0;
	margin-top:			5;
	margin-bottom:		5;
	margin-right:		0;
	
    padding:			0;
	padding-top:		5;
	padding-bottom:		5;

	font-family: 		Open Sans, sans-serif;
	font-size:			15px;
	line-height:		1.42em;
	color:				#666666;
	display:			block;
	text-align:			center;
}

button {
	font-size: 			16px;
    font-weight: 		590;

	width:				auto;
	min-width:			140px;

	color:				#ffffff;
	background-color: 	#009;
    background-color:	rgb(0, 0, 153);
	background-color:	#333;


	padding:			4px 25px 4px; /* top right bottom */
	margin:				0;

	border:				solid 2px transparent;
	border-radius:		4px;
	box-sizing:			border-box;

	line-height:		1.2;

	text-decoration: 	none;
	text-transform:		none;
	
	cursor:				pointer;
	outline:            none;
	display:			inline-block;

}

.button {
	font-size: 			16px;
    font-weight: 		590;

	width:				auto;
	min-width:			140px;

	background-color: 	#009;
    background-color:	rgb(0, 0, 153);
	color:				#ffffff;

	padding:			4px 25px 4px; /* top right bottom */
	margin:				0;

	border:				2px solid transparent;
	border-radius:		4px;
	/*border-radius:		0px;*/
	box-sizing:			border-box;

	line-height:		1.2;

	text-decoration: 	none;
	text-transform:		none;
	
	cursor:				pointer;
	outline:            none;
	display:			inline-block;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


.button:hover {
	cursor:				pointer;
    background-color:	rgb(0, 0, 210);
}


textarea {
	font-family: 		Open Sans, sans-serif;
	font-size:			14px;
	color:				#000000;
	line-height:		1.4em;
	margin:				0;
	padding:			5;
	resize:				vertical;
}

div.textblock {
	/*border:				black solid 2px;*/
	/*width:				600px;*/
	/*background-color:	#ffffff;*/
	
	font-family: 		Open Sans, sans-serif;

	color:				#2f3138;
	font-size:			16px;
	font-weight:		normal;
	line-height:		1.8em;
	
	display:			block;
	text-align:			justify;
	padding:			5;
}

div.textblock_f2 {
	font-family: 		Open Sans, sans-serif;

	color:				#2f3138;
	font-size:			18px;
	font-weight:		normal;
	
	display:			block;
	text-align:			justify;
	padding:			0;
}

ul {
	list-style-type:	disc; /* circle */
	/*list-style-image:		url('sqpurple.gif');*/
	border:				0;
	margin: 			0;
	padding-left:		20;

}

li {
	font-family: 		Open Sans, sans-serif;
	color:				#2f3138;
	font-size:			14px;
	font-weight:		normal;
	line-height:		1.2em;
	
	padding-top:		6;
}

code {	
	background:			#eeeeee;
    border:				1px solid #ddd;
	border-left:		3px solid #ff0000;
	color:				#666666;
    page-break-inside:	avoid;
    font-family:		monospace;
    font-size:			15px;
    line-height:		1.2;
    margin-bottom:		1.6em;
    max-width:			100%;
    overflow:			auto;
    padding:			1em 1.5em;
    display:			block;
    word-wrap:			break-word;
}

#overlay {
    /*position:			fixed;*/ /* fixed, absolute, relative */
	position:			absolute;
    display:			none;
    width:				100%;
    height:				100%;
    top:				0;
    left:				0;
    right:				0;
    bottom:				0;
    background-color:	rgba(0,0,0,0.5);
    z-index:			2;
    cursor:				pointer;
}


/* Safari */
@-webkit-keyframes fadeIn {
	to {opacity: 1;}
}
@-webkit-keyframes fadeOut {
	to {opacity: 0;}
}

/* Standard */
@keyframes fadeIn {
	to {opacity: 1;}
}
@keyframes fadeOut {
	to {opacity: 0;}
}

.fadeOut {
/*	-webkit-animation: fadeOut 0.5s ease-in 3 forwards;
	animation: fadeOut 0.5s ease-in 3 forwards;
*/
	transition-property:		height;
	transition-duration:		1s;
	transition-timing-function:	ease;
	transition-delay:			0s;
	
	position:			fixed; /* fixed, absolute, relative */
    width:				0%;
    height:				0%;
    top:				0;
    left:				0;
    right:				0;
    bottom:				0;
	margin:				0;
	padding:			0;
    background-color:	rgba(204,204,204,0.9);
    cursor:				pointer;

	opacity:	0;
	transition-property: height;
transition-duration: 1s;
transition-timing-function: ease;
transition-delay: 0s;
}

.fadeIn {
/*	-webkit-animation: fadeIn 0.5s ease-in 1 forwards;
	animation: fadeIn 0.5s ease-in 1 forwards;
*/
	transition-property:		height;
	transition-duration:		1s;
	transition-timing-function:	ease;
	transition-delay:			0s;


	position:			fixed; /* fixed, absolute, relative */
    width:				100%;
    height:				100%;
    top:				0;
    left:				0;
    right:				0;
    bottom:				0;
	margin:				0;
	padding:			0;
    background-color:	rgba(204,204,204,0.9);
    cursor:				pointer;
	
	font-family: 		Open Sans, sans-serif;
	font-size:			16px;
	color:				#2f3138;
	line-height:		1.6em;

	text-align:			justify;
	
	opacity:			1;
}